<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="..\css\common.css" rel="stylesheet" style="text/css">
  <!-- 异步加载js文件，等待页面加载完成之后再执行 -->
  <script async src="../js/common.js"></script>
  <title>MY MEMORANDUM</title>
</head>
 
<body>
  <!-- 备忘录 -->
  <div class="border">
    <!-- 表头 -->
    <div class="title">My Memorandum</div>
    <hr>
    <!-- 输入框和按钮 -->
    <div class="form">
      <input type="text" name="text" placeholder="Please write down your event">
      <button id="add"></button>
    </div>
    <!-- 备忘录事件列表 -->
    <div style="width: 94%; margin: auto; border-radius: 3px;box-shadow: 2px 2px rgb(119, 115, 115);background-color: rgb(214, 219, 219);">
      <ul class="list">
        <li class="item">
          <!-- 事件区域 -->
          <span class="info">EventⅠ</span>
          <!-- 按钮区域 -->
          <div class="btn">
            <button class="up"></button>
            <button class="down"></button>
            <button class="edit"></button>
            <button class="fin"></button>
            <button class="del"></button>
          </div>
        </li>
        <li class="item">
          <!-- 事件区域 -->
          <span class="info">EventⅡ</span>
          <!-- 按钮区域 -->
          <div class="btn">
            <button class="up"></button>
            <button class="down"></button>
            <button class="edit"></button>
            <button class="fin"></button>
            <button class="del"></button>
          </div>
        </li>
        <li class="item">
          <!-- 事件区域 -->
          <span class="info">EventⅢ</span>
          <!-- 按钮区域 -->
          <div class="btn">
            <button class="up"></button>
            <button class="down"></button>
            <button class="edit"></button>
            <button class="fin"></button>
            <button class="del"></button>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>

 
</html>
